.media-popover {
  width: 260px;
  max-height: 380px;
  margin-right: -16px;
  overflow-x: hidden;
  overflow-y: auto;
  word-break: break-all;
}

.media-base {
  :global .ant-form-item {
    &:not(:last-child) {
      margin-bottom: 16px;
    }

    &:last-child {
      margin-bottom: 0;
    }
  }
}

.media__group {
  .group__item {
    margin-bottom: 16px;
  }

  .group-title {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-weight: bold;

    &::before {
      display: block;
      width: 4px;
      height: 16px;
      margin-right: 4px;
      content: ' ';
      background-color: $primary-color;
    }
  }
}
